<template>
  <div id="CompanyIntroduction">
    <!-- <div class="banner container-fuild text-center">专家云库66</div> -->
    <div class="container">
      <div class="row CompanyIntroduction-container">
        <van-row>
             <van-col span="6"> 
             <img class="img2" src="https://goss2.cfp.cn/creative/vcg/800/version23/VCG211be3c9c31.jpg"/>
             <div class="tit mt">
                 专家个人简介
             </div>
             <div class="tit mt">
                 专家个人介绍
             </div>
          </van-col>
            <van-col span="12"> 
            <div class="tit ">
                 王XXX 高级医师
             </div>
             <div class="tit ">
                 擅长领域
             </div>
           </van-col>
          <van-col span="6" > 
              <div class="van-hairline--surround pd" v-for="i in 3" :key='i'>
          <div class="tit ">
                 相关领域专家
             </div>
            <div class="row_bw mt2">
                <img class="img2" src="https://goss2.cfp.cn/creative/vcg/800/version23/VCG211be3c9c31.jpg"/>
                <div class="">
             <div class="tit">
                 王XXX
             </div>
             <div>
                 擅长领域关键词
             </div>
                </div>
            </div>
              </div>
            
          
             
          </van-col>
         
        </van-row>
      </div>
    </div>
  </div>
</template>
<script>
import { WOW } from "wowjs";
export default {
  name: "Expertxq",
  data() {
    return {
      key_w: "",
    };
  },
  mounted() {
    var wow = new WOW();
    wow.init();
  },
  methods: {
    onClear() {
      console.log("23");
      this.key_w = "";
    },
    onSearch2(e) {
      console.log("e:", e, this.key_w);
    },
    onSearch(e) {
      console.log(e);
    },
  },
};
</script>
<style scoped>
.tit {
  font-size: 16px;
  color: black;
  font-weight: 600;
}
.under_box {
  width: 18%;
}
/* .img2 {
  width: 100%;
  height: 150px;
} */
.list_card {
  padding: 5px;
}
.list_card_top {
  background-color: #4f4f4f;
  color: white;
  padding: 10px;
}

.l_box {
  width: 15%;
}
.r_box {
  width: 80%;
}
.center {
  display: flex;
  align-items: center;
}
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url("../assets/img/banner1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.CompanyIntroduction-container {
  padding: 100px 0;
  color: #808080;
  transition: all ease 0.5s;
}
.CompanyIntroduction-container > div > p {
  font-size: 14px;
  line-height: 2.5rem;
}
@media screen and (max-width: 997px) {
  .CompanyIntroduction-container {
    padding: 10px 0;
    color: #808080;
  }
}
</style>

